<!DOCTYPE html>
<html>
<head>
    <#include "../common.ftl">
</head>
<body class="childrenBody">
<form class="layui-form" style="width:80%;">
    <input id="id" type="hidden" value="${(userInfo.id)!}"/>
    <input id="statusHidden" type="hidden" value="${(userInfo.status)!}"/>
    <input id="genderHidden" type="hidden" value="${(userInfo.gender)!}"/>
    <input id="levelHidden" type="hidden" value="${(userInfo.userLevel)!}"/>
    <input id="roleId" type="hidden" value="${(roleId)!}"/>


    <div class="layui-form-item layui-row layui-col-xs12" id="username">
        <label class="layui-form-label required">用户名</label>
        <div class="layui-input-block">
            <input type="text" class="layui-input username"
                   lay-verify="required" name="username" id="username1" value="${(userInfo.username)!}"
                   placeholder="请输入用户名">
        </div>
    </div>

    <div class="layui-form-item layui-row layui-col-xs12" id="password">
        <label class="layui-form-label required">密码</label>
        <div class="layui-input-block">
            <input type="password" class="layui-input password"
                   lay-verify="required" name="password" id="password1" value="${(userInfo.password)!}"
                   placeholder="请输入密码">
        </div>
    </div>













    <div class="layui-form-item layui-row layui-col-xs12">
        <label class="layui-form-label required">昵称</label>
        <div class="layui-input-block">
            <input type="text" class="layui-input nickname"
                   lay-verify="required" name="nickname" id="nickname" value="${(userInfo.nickname)!}"
                   placeholder="请输入昵称">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">性别</label>

        <div class="layui-input-block">
            <input type="radio" name="gender" value="1" lay-filter="gender" title="男" />
            <div lay-radio>
                <span style="color: #00d3ff;">♂</span>
            </div>
            <input type="radio" name="gender" value="0" lay-filter="gender" title="女" />
            <div lay-radio>
                <span style="color: #ff62fc;">♀</span>
            </div>
        </div>
    </div>


    <div class="layui-form-item">
        <label class="layui-form-label">出生年月</label>

        <div class="layui-input-block">
            <input class="layui-input birthday" lay-verify="required|date" name="birthday" value="${(userInfo.birthday?string("yyyy-MM-dd"))!}" />
        </div>
    </div>


    <div class="layui-form-item layui-row layui-col-xs12">
        <label class="layui-form-label required">手机号</label>
        <div class="layui-input-block">
            <input type="text" class="layui-input mobile"
                   lay-verify="required" name="mobile" value="${(userInfo.mobile)!}" id="mobile" placeholder="请输入手机号">
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">状态</label>

        <div class="layui-input-block">
            <input type="radio" name="status" value="0" lay-filter="status" title="可用" />
            <div lay-radio>
                <span style="color: #00d3ff;">可用</span>
            </div>
            <input type="radio" name="status" value="1" lay-filter="status" title="禁用" />
            <div lay-radio>
                <span style="color: #ff62fc;">禁用</span>
            </div>
            <input type="radio" name="status" value="2" lay-filter="status" title="注销" />
            <div lay-radio>
                <span style="color: #ff62fc;">注销</span>
            </div>
        </div>
    </div>


    <div class="layui-form-item">
        <label class="layui-form-label">等级</label>

        <div class="layui-input-block">
            <input type="radio" name="userLevel" value="0" lay-filter="userLevel" title="普通" />
            <div lay-radio>
                <span style="color: #00d3ff;">普通</span>
            </div>
            <input type="radio" name="userLevel" value="1" lay-filter="userLevel" title="VIP用户" />
            <div lay-radio>
                <span style="color: #ff62fc;">VIP用户</span>
            </div>
            <input type="radio" name="userLevel" value="2" lay-filter="userLevel" title="高级VIP" />
            <div lay-radio>
                <span style="color: #ff62fc;">高级VIP</span>
            </div>
        </div>
    </div>


    <br/>
    <div class="layui-form-item layui-row layui-col-xs12">
        <div class="layui-input-block">
            <button class="layui-btn layui-btn-lg" lay-submit=""
                    lay-filter="addOrUpdateUser">确认
            </button>
            <button class="layui-btn layui-btn-lg layui-btn-normal" id="closeBtn">取消</button>
        </div>
    </div>
</form>

<script type="text/javascript" src="${ctx}/js/user/add.update.js"></script>
</body>
</html>
